<template>
    <div>
       <MyUserInfoDemo :user-info="userInfoMy"></MyUserInfoDemo>
       <button @click="addChild">更改子组件</button>
    </div>

</template>

<script setup lang="ts">

import { reactive } from 'vue';
import MyUserInfoDemo from './components/MyUserInfo.vue';



const userInfoMy = reactive({userName:"Tristan",money:99999})

function addChild(){
    userInfoMy.money+=1000
}

</script>


<style scoped>

</style>